<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>周迎川的Web大作业</title>
    <!-- MDB icon -->
    <link rel="icon" href="img/mdb-favicon.ico" type="image/x-icon">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css">
    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!-- Material Design Bootstrap -->
    <link rel="stylesheet" href="css/mdb.min.css">
    <!-- Your custom styles (optional) -->
    <link rel="stylesheet" href="css/style_pri.css">
</head>

<body>

    <!-- Start your project here-->
    <!-- Main navigation -->
    <header>
        <!-- Navbar -->
        <nav class="navbar navbar-expand-lg navbar-dark fixed-top scrolling-navbar">
            <div class="container">
                <a class="navbar-brand" href="index.html">我的教育经历</a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02"
                    aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarTogglerDemo02">
                    <ul class="navbar-nav mr-auto">
                        <li class="nav-item">
                            <a class="nav-link" href="index.html">Home
                                <span class="sr-only">(current)</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="primary.html">小学</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="junior.html">初中</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="senior.html">高中</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="senior4.html">高四</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="university.html">大学</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="ending.html">Ending</a>
                        </li>
                    </ul>
                    <!-- Social Icon  -->
                    <ul class="navbar-nav nav-flex-icons">
                        <li class="nav-item">
                            <a class="nav-link">
                                <i class="fab fa-facebook-f light-green-text-2"></i>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link">
                                <i class="fab fa-twitter light-green-text-2"></i>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link">
                                <i class="fab fa-instagram light-green-text-2"></i>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
        <!-- Navbar -->

        <!-- Full Page Intro -->
    <div class="view">
        <video class="video-intro" poster="https://mdbootstrap.com/img/Photos/Others/background.jpg" playsinline autoplay
          muted loop>
          <source src="https://mdbootstrap.com/img/video/animation.mp4" type="video/mp4">
        </video>
        <!-- Mask & flexbox options-->
        <div class="mask rgba-gradient d-flex justify-content-center align-items-center">
          <!-- Content -->
          <div class="container px-md-3 px-sm-0">
            <!--Grid row-->
            <div class="row wow fadeIn">
              <!--Grid column-->
              <div class="col-md-12 mb-4 white-text text-center wow fadeIn">
                <h3 class="display-3 font-weight-bold white-text mb-0 pt-md-5 pt-5">小学</h3>
                <hr class="hr-light my-4 w-75">
                <h4 class="subtext-header mt-2 mb-4">努力求学没有得到别的好处，只不过是愈来愈发觉自己的无知。</h4>
                <a href="#about" data-offset="90" class="btn btn-rounded btn-outline-white">
                  <i href="" class="fas fa-home "></i> Visit us
                </a>
              </div>
              <!--Grid column-->
            </div>
            <!--Grid row-->
          </div>
          <!-- Content -->
        </div>
        <!-- Mask & flexbox options-->
      </div>
      <!-- Full Page Intro -->

    </header>

    <main>
        <!--Main container-->
        <div class="container" id="about">
            <!--Section: Examples-->

            <hr class="my-5">

            <!--Section: Gallery-->
            <section id="gallery">

                <!-- Heading -->
                <h2 class="mb-5 font-weight-bold text-center">重庆市云阳耀灵小学</h2>

                <!--Grid row-->
                <div class="row">

                    <!--Grid column-->
                    <div class="col-md-6 mb-4">

                        <!--Carousel Wrapper-->
                        <div id="carousel-example-2" class="carousel slide carousel-fade" data-ride="carousel">
                            <!--Indicators-->
                            <ol class="carousel-indicators">
                                <li data-target="#carousel-example-2" data-slide-to="0" class="active"></li>
                                <li data-target="#carousel-example-2" data-slide-to="1"></li>
                                <li data-target="#carousel-example-2" data-slide-to="2"></li>
                            </ol>
                            <!--/.Indicators-->
                            <!--Slides-->
                            <div class="carousel-inner" role="listbox">
                                <div class="carousel-item active">
                                    <div class="view">
                                        <img class="d-block w-100" src="./img/myimg/xx/xx7.jpg" alt="First slide">
                                        <div class="mask rgba-black-slight"></div>
                                        <!-- <div class="mask rgba-black-light"></div> -->
                                    </div>
                                    <!-- <div class="carousel-caption">
                                        <h3 class="h3-responsive">Light mask</h3>
                                        <p>First text</p>
                                    </div> -->
                                </div>
                                <div class="carousel-item">
                                    <!--Mask color-->
                                    <div class="view">
                                        <img class="d-block w-100" src="./img/myimg/xx/xx8.jpg" alt="Second slide">
                                        <div class="mask rgba-black-slight"></div>
                                        <!-- <div class="mask rgba-black-strong"></div> -->
                                    </div>
                                    <!-- <div class="carousel-caption">
                                        <h3 class="h3-responsive">Strong mask</h3>
                                        <p>Secondary text</p>
                                    </div> -->
                                </div>
                                <div class="carousel-item">
                                    <!--Mask color-->
                                    <div class="view">
                                        <img class="d-block w-100" src="./img/myimg/xx/xx5.jpg" alt="Third slide">
                                        <div class="mask rgba-black-slight"></div>
                                    </div>
                                    <!-- <div class="carousel-caption">
                                        <h3 class="h3-responsive">Slight mask</h3>
                                        <p>Third text</p>
                                    </div> -->
                                </div>
                            </div>
                            <!--/.Slides-->
                            <!--Controls-->
                            <a class="carousel-control-prev" href="#carousel-example-2" role="button" data-slide="prev">
                                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                <span class="sr-only">Previous</span>
                            </a>
                            <a class="carousel-control-next" href="#carousel-example-2" role="button" data-slide="next">
                                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                <span class="sr-only">Next</span>
                            </a>
                            <!--/.Controls-->
                        </div>
                        <!--/.Carousel Wrapper-->

                    </div>
                    <!--Grid column-->

                    <!--Grid column-->
                    <div class="col-md-6">

                        <!--Excerpt-->
                        <!-- <a href="" class="teal-text">
                            <h6 class="pb-1"><i class="fas fa-heart"></i><strong> Lifestyle </strong></h6>
                        </a> -->
                        <h4 class="mb-3"><strong>厚德乐学，尚思强能</strong></h4>
                        <p>耀灵小学校于１９９８年由耀灵中学和兴耀小学合二为一，是一所公办全日制九年义务教育学校。
                            重庆市云阳县耀灵小学校座落于云阳县长江以南。东邻清水美丽闻名的歧山草场，南邻湖北的七耀山，
                            西与万州区地宝小学一桥相连，北与火山峡、潭樟峡风景区接壤。
                        </p>

                        <p>
                            学校现占地面积７３９５平方米，建筑面积近１００００平方米。
                            现有教职工５５人，学生1 0 0 0多名，2 2个教学班，教学设施齐全。现有高级教师２０人。
                            另硕士学位１人，学士学位３２人，专科学历２１人，高级工１人。</p>
                        <p>by <a><strong>Yingchuan Zhou</strong></a>, 26/05/2021</p>
                        <a href="http://www.023xiaoyuan.com/detail/intro/sid/14164606424592283"
                            class="btn btn-purple btn-md ">Learn more</a>

                    </div>
                    <!--Grid column-->

                </div>
                <!--Grid row-->

            </section>
            <!--Section: Gallery-->

            <hr class="my-5">

            <div class="row" style="margin-top: 30px;">

                <!--Grid column-->
                <div class="col-lg-4 col-md-12">

                    <!--Card-->
                    <div class="card">

                        <!--Card image-->
                        <div class="view overlay">
                            <img src="./img/myimg/xx/xx14.jpg" class="card-img-top" alt="">
                            <a href="#">
                                <div class="mask rgba-white-slight"></div>
                            </a>
                        </div>

                        <!--Card content-->
                        <div class="card-body">
                            <!--Title-->
                            <h4 class="card-title">五年级</h4>
                            <!--Text-->
                            <p class="card-text">能找到小学和同学唯一的一张合照，这是五年级我的一个实习老师，在体育课上给我们拍的，
                                我现在还能记住她的样子，也能想起她的名字，她是小学给我留下深刻印象的老师之一。
                            </p>
                            <p class="card-text">照片上我们抱成团，已经记不清是我们几个关系好？还是摆拍？成长很大一部分是接受，接受分道扬镳，
                                接受世事无常，接受孤独挫败，接受自己的缺点。过了这些年，都成长了，都长大了，照片上的同学基本都分道扬镳了，他们的贵姓我似乎也不太确定了，
                                不过很庆幸，还有一个成为了我一直以来最好的朋友之一，也可以说是好兄弟了。
                            </p>
                            <!-- <a href="#!" class="btn btn-primary">Button</a> -->
                        </div>

                    </div>
                    <!--/.Card-->

                </div>
                <!--Grid column-->

                <!--Grid column-->
                <div class="col-lg-4 col-md-6">

                    <!--Card-->
                    <div class="card">

                        <!--Card image-->
                        <div class="view overlay">
                            <img src="./img/myimg/xx/xx11.jpg" class="card-img-top" alt="">
                            <a href="#">
                                <div class="mask rgba-white-slight"></div>
                            </a>
                        </div>

                        <!--Card content-->
                        <div class="card-body">
                            <!--Title-->
                            <h4 class="card-title">五年级</h4>
                            <!--Text-->
                            <p class="card-text">小学照片真难找，用尽了我小学的全部资源，也没能找到太多小学的回忆；没有手机，也舍不得几包辣条钱去拍照留恋。</p>
                            <!-- <a href="#" class="btn btn-primary">Button</a> -->
                        </div>

                    </div>
                    <!--/.Card-->

                </div>
                <!--Grid column-->

                <!--Grid column-->
                <div class="col-lg-4 col-md-6">

                    <!--Card-->
                    <div class="card">

                        <!--Card image-->
                        <div class="view overlay">
                            <img src="./img/myimg/xx/xx13.jpg" class="card-img-top" alt="">
                            <a href="#">
                                <div class="mask rgba-white-slight"></div>
                            </a>
                        </div>

                        <!--Card content-->
                        <div class="card-body">
                            <!--Title-->
                            <h4 class="card-title">五年级</h4>
                            <!--Text-->
                            <p class="card-text">与其说是惊喜，不如说是惊吓，我远在广东的亲戚来学校看我了，我和我弟弟的笑容应该都是画在脸上的。</p>
                            <!-- <a href="#" class="btn btn-primary">Button</a> -->
                        </div>

                    </div>
                    <!--/.Card-->

                </div>


            </div>
        </div>


    </main>

    <!-- Footer -->
    <footer class="page-footer font-small pt-4 " style="background-color: #563e91">

        <!-- Footer Elements -->
        <div class="container">

            <!-- Social buttons -->
            <ul class="list-unstyled list-inline text-center">
                <li class="list-inline-item">
                    <a class="btn-floating btn-fb mx-1">
                        <i class="fab fa-facebook-f"> </i>
                    </a>
                </li>
                <li class="list-inline-item">
                    <a class="btn-floating btn-tw mx-1">
                        <i class="fab fa-twitter"> </i>
                    </a>
                </li>
                <li class="list-inline-item">
                    <a class="btn-floating btn-gplus mx-1">
                        <i class="fab fa-google-plus-g"> </i>
                    </a>
                </li>
                <li class="list-inline-item">
                    <a class="btn-floating btn-li mx-1">
                        <i class="fab fa-linkedin-in"> </i>
                    </a>
                </li>
                <li class="list-inline-item">
                    <a class="btn-floating btn-dribbble mx-1">
                        <i class="fab fa-dribbble"> </i>
                    </a>
                </li>
            </ul>
            <!-- Social buttons -->

        </div>
        <!-- Footer Elements -->

        <!-- Copyright -->
        <div class="footer-copyright text-center py-3">© 2018 Copyright:
            <a href="https://mdbootstrap.com/education/bootstrap/"> MDBootstrap.com</a>
        </div>
        <!-- Copyright -->

    </footer>
    <!-- Footer -->
    <!-- End your project here-->

    <!-- jQuery -->
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <!-- Bootstrap tooltips -->
    <script type="text/javascript" src="js/popper.min.js"></script>
    <!-- Bootstrap core JavaScript -->
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <!-- MDB core JavaScript -->
    <script type="text/javascript" src="js/mdb.min.js"></script>
    <!-- Your custom scripts (optional) -->
    <script type="text/javascript"></script>

</body>

</html>